<div style="min-height:calc(100vh -  157px)">
  <form nz-form style="background: #fff;padding: 20px;">
    <div nz-row>
      <div nz-col nzSpan="3">
        <nz-date-picker
          nzPlaceHolder="请选择日期"
        ></nz-date-picker>
      </div>
      <div nz-col nzSpan="3">
        <nz-select
          style="width: 165px;"
          nzShowSearch
          nzAllowClear
          nzPlaceHolder="任务类型"
        >
          <nz-option nzLabel="定期任务填报" nzValue="定期任务填报"></nz-option>
          <nz-option nzLabel="临时任务填报" nzValue="临时任务填报"></nz-option>
        </nz-select>
      </div>
      <div nz-col nzSpan="3">
        <nz-select
          style="width: 165px;"
          nzShowSearch
          nzAllowClear
          nzPlaceHolder="填报周期"
        >
          <nz-option nzLabel="月报" nzValue="月报"></nz-option>
          <nz-option nzLabel="节假日报" nzValue="节假日报"></nz-option>
          <nz-option nzLabel="年报" nzValue="年报"></nz-option>
        </nz-select>
      </div>
      <div nz-col nzSpan="3">
        <nz-select
          style="width: 165px;"
          nzShowSearch
          nzAllowClear
          nzPlaceHolder="状态"
        >
          <nz-option nzLabel="已填报" nzValue="已填报"></nz-option>
          <nz-option nzLabel="未填报" nzValue="未填报"></nz-option>
          <nz-option nzLabel="填报中" nzValue="填报中"></nz-option>
        </nz-select>
      </div>
      <div nz-col nzSpan="3">
        <nz-input-group style="width: 165px;" [nzSuffix]="suffixIconSearch">
          <input type="text" nz-input placeholder="活动名称" />
        </nz-input-group>
        <ng-template #suffixIconSearch>
          <i nz-icon type="search"></i>
        </ng-template>
      </div>
    </div>
  </form>

  <!-- 表格列表 -->
  <div style="margin-top:20px;"></div>
  <div
    nz-row
    style="background-color: #fff;margin-top: 20px;padding:20px;"
  >
    <nz-table #basicTable [nzData]="dataSet">
      <thead>
      <tr>
        <th style="text-align:center">填报信息</th>
        <th style="text-align:center">已填报记录数（条）</th>
        <th style="text-align:center">最后更新时间</th>
        <th style="text-align:center">填报说明</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let data of basicTable.data">
        <td>{{ data.info }}</td>
        <td style="text-align:center">{{ data.infoNum }}</td>
        <td style="text-align:center">{{ data.updateTime }}</td>
        <td>{{ data.introduction }}</td>
      </tr>
      </tbody>
    </nz-table>
  </div>

</div>
